import {useState} from "react";

function Son({onGetSonMsg}: { onGetSonMsg: (msg: string) => void }) {
    const sonMsg = "this is son msg"
    return (
        <div>
            this is Son
            <button onClick={() => onGetSonMsg(sonMsg)}>sendMsg</button>
        </div>
    )
}

function App() {
    const [msg, setMsg] = useState('')
    const getMsg = (msg: string) => {
        console.log(msg)
        setMsg(msg)
    };
    return (
        <div>
            this is App, {msg}
            <Son onGetSonMsg={getMsg}/>
        </div>
    )
}

export default App;
